<!DOCTYPE html>
<html>
<head>

<style type="text/css">
  body {background-color:rgb(68, 68, 66); opacity:1;  color:rgb(68,68,66)}
  #content  { position: absolute; width: 800px; height:600px; top: 0px; left: 0px;  }
  #header  { position: absolute; width: 800px; height:80px; top: 0px; left: 0px;/* background-color:orange*/ }
  #body  { position: absolute; width: 800px; height:450px; top: 80px; left: 0px; background-image:url('img/body.png')}
  #footer  { position: absolute; width: 800px; height:70px; top: 530px; left: 0px;background-image:url('img/footer.png')}
 
  #mapVisionTip  { position: absolute; width: 265px; height:315px; top: 110px; left: 30px;}
  #cube_1  { position: absolute; width: 215px; height:215px; top: 1px; left: 332px; }
  #cube_1:hover { -webkit-transform: scale(1.1); }
  #cube_2  { position: absolute; width: 215px; height:215px; top: 1px; left: 562px;}
  #cube_2:hover { -webkit-transform: scale(1.1); }
  #cube_3  { position: absolute; width: 215px; height:215px; top: 234px; left: 332px; }
  #cube_3:hover { -webkit-transform: scale(1.1); }
  #cube_4  { position: absolute; width: 215px; height:215px; top: 234px; left: 563px; }
  #cube_4:hover { -webkit-transform: scale(1.1); }
  #close  { position: absolute; width: 35px; height:35px; top: 40px; left: 710px; ;background-image:url('img/close.png')}
  #close:hover { background-image:url('img/closeActive.png'); -webkit-transform: scale(1.1); }
  
</style>

</head>
<body>
<div id="content">
	<div id="header">
		<a href="closingEvent"><div id="close"></div><a/>
	</div>
	<div id="body">
		<div id="mapVisionTip"><img src="img/MapVisionTip.png" height="315px" width="265px"/></div>
		<div id="cube_1"><a href="https://mapvision.codeplex.com/wikipage?title=Get%20Started"><img src="img/cube_1.png" height="215px" width="215px"/></a></div>
		<div id="cube_2"><a href="https://www.facebook.com/pages/Mapvision/631827753513935"><img src="img/cube_2.png" height="215px" width="215px"/></a></div>
		<div id="cube_3"><a href="http://mapvision.codeplex.com"><img src="img/cube_3.png" height="215px" width="215px"/></a></div>
		<div id="cube_4"><a href="https://mapvision.codeplex.com/documentation"><img src="img/cube_4.png" height="215px" width="215px"/></a></div>
	</div>
	
	<div id="footer"></div>
</div>
</body>
</html>

